* {
    font-family: inherit
}

a,
b,
body,
button,
dd,
div,
dl,
dt,
em,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
input,
li,
ol,
p,
pre,
select,
span,
strong,
td,
textarea,
th,
ul {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    margin: 0;
    padding: 0
}

body,
html {
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    cursor: pointer
}

a,
a:active,
a:hover {
    text-decoration: none
}

a:active,
a:hover {
    outline-width: 0
}

li,
ol,
ul {
    list-style: none
}

button,
input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
    resize: none
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

b,
em,
i,
strong {
    font-style: normal
}


body {
    --okx-font-family: "OKXSans", "apple-system", "BlinkMacSystemFont", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Arial", "sans-serif"
}

[lang=ar] body,
[lang=vi] body {
    --okx-font-family: Arial, sans-serif
}

body {
    font-family: var(--okx-font-family) !important
}

a,
b,
body,
button,
dd,
div,
dl,
dt,
em,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
input,
li,
ol,
p,
pre,
select,
span,
strong,
td,
textarea,
th,
ul {
    font-size: 100%;
	font-weight:600;
}

body,
html {
    font-size: 14px;
    line-height: 1
}

img,
video {
    height: auto;
    max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    font-weight: 400
}

button,
fieldset,
input,
label,
legend,
option,
select,
textarea {
    font-size: 1em
}

b,
em,
i,
strong {
    font-weight: 400
}

body ::-webkit-scrollbar {
    background-color: initial;
    height: 0;
    width: 4px;
    width: var(--global-scrollbar-width)
}

body ::-webkit-scrollbar-track {
    background-color: initial
}

body ::-webkit-scrollbar-thumb {
    background-color: var(--global-scrollbar-background);
    border-radius: 8px;
    border-radius: var(--global-scrollbar-border-radius)
}

body.theme-dark ::-webkit-scrollbar,
body.theme-dark ::-webkit-scrollbar-track {
    background-color: initial
}

body ::-webkit-scrollbar-corner {
    background-color: initial
}

.iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-style: normal
}

.iconfont:before {
    display: inline-block
}

.site-banner-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 22px 22px 14px;
    position: relative;
    width: 100%;
    z-index: 9499
}

@media (max-width:767px) {
    .site-banner-container {
        min-height: 96px;
        padding: 12px 16px 4px
    }
}

.site-banner-container .site-banner-text {
    display: flex;
    margin-bottom: 8px
}

.site-banner-container .site-banner-text .site-banner-tip {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 8px;
    vertical-align: middle
}

@media (max-width:767px) {
    .site-banner-container .site-banner-text .site-banner-tip {
        font-size: 12px
    }
}

.site-banner-container .site-banner-text .site-banner-icon {
    font-size: 18px
}